<!DOCTYPE html>
<html lang="zh-cn">
{include file="include/head.html"}
	<body>
		<!-- start navigation -->
		<nav class="navbar navbar-default">
			<div class="container">
				<!-- Brand and toggle get grouped for better mobile display -->
				<div class="navbar-header">
					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
				        <span class="sr-only">Toggle navigation</span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				    </button>
					<a class="navbar-brand hidden-xs" href="/index.html"><img src="{__TPLPATH__}images/logo.png" alt="logo.png" /></a>
					<a class="navbar-brand small visible-xs" href="/index.html"><img src="{__TPLPATH__}images/logo-small.png" alt="logo.png" /></a>
					<span style="font-size: 18px;color: #ED2123;font-weight: bold;" class="visible-xs">隆领</span>
				</div>

				<!-- Collect the nav links, forms, and other content for toggling -->
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav navbar-right">
						<li><a href="/index.html#home" class="smoothScroll">首 页</a></li>
						<li><a href="/index.html#about" class="smoothScroll">公 司</a></li>
						<li><a href="/index.html#service" class="smoothScroll">服 务</a></li>
						<li><a href="/index.html#case" class="smoothScroll">案 例</a></li>
						<li><a href="/index.html#news" class="smoothScroll">动 态</a></li>
						<li><a href="/index.html#contact" class="smoothScroll">联 系</a></li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</div>
			<!-- /.container -->
		</nav>
		<!-- end navigation -->
		<!-- start case -->
		<section id="case" class="text-center">
			<div class="container">
				<div class="row">
					<div class="col-md-12 wow fadeInDown" data-wow-delay="2000">
						<h3>我们的案例</h3>
					</div>
					<div class="col-md-2"></div>
					<div class="col-md-8">
                        {list:company table="onepagesys" where="onepagesys1=76" limit="1"}
                        <p>{$company['onepagesys4']}</p>
                        {/list}
					</div>
					<div class="col-md-2"></div>
                    {list:case table="sen_product" where="sen_product1=77" order="sen_product7 desc" limit="6" page="page"}
					<div class="col-sm-6 col-md-4 wow {if $case_key==0}fadeInLeft {elseif $case_key==1} fadeInDown{elseif $case_key==2}fadeInRight{elseif $case_key==3}fadeInLeft{elseif $case_key==4}fadeInUp{elseif $case_key==5}fadeInRight{/if}" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{$case['sen_product6']}" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a target="_blank" href="{$case['sen_product10']}" class="info">
										<i class="fa fa-link"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="{$case['sen_product2']}"></a>{$case['sen_product5']}</h4>
							<div class="line_3"><p>{$case['sen_product8']}</p></div>
						</div>
					</div>
					{/list}
                  <!--  <div class="col-sm-6 col-md-4 wow fadeInDown" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{__TPLPATH__}images/case-img-2.jpg" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a href="case-details.html" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="case-details.html">O HUI中国品牌官方网站</a></h4>
							<p>O HUI以植物性成分为主原料，赋予产品权威O HUI以植物性成分为主原料，赋予产品权威</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{__TPLPATH__}images/case-img-3.jpg" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a href="case-details.html" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="case-details.html">O HUI中国品牌官方网站</a></h4>
							<p>O HUI以植物性成分为主原料，赋予产品权威O HUI以植物性成分为主原料，赋予产品权威</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInLeft" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{__TPLPATH__}images/case-img-4.jpg" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a href="case-details.html" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="#case-details.html">O HUI中国品牌官方网站</a></h4>
							<p>O HUI以植物性成分为主原料，赋予产品权威O HUI以植物性成分为主原料，赋予产品权威</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInUp" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{__TPLPATH__}images/case-img-5.jpg" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a href="case-details.html" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="case-details.html">O HUI中国品牌官方网站</a></h4>
							<p>O HUI以植物性成分为主原料，赋予产品权威O HUI以植物性成分为主原料，赋予产品权威</p>
						</div>
					</div>
					<div class="col-sm-6 col-md-4 wow fadeInRight" data-wow-delay="2000">
						<div class="case-content">
							<div class="case_thumb">
								<img src="{__TPLPATH__}images/case-img-6.jpg" class="img-responsive center-block" alt="case">
								<div class="case_overlay">
									<a href="case-details.html" class="info">
										<i class="fa fa-search"></i>
										<br>
										Read More
									</a>
								</div>
							</div>
							<h4><a href="case-details.html">O HUI中国品牌官方网站</a></h4>
							<p>O HUI以植物性成分为主原料，赋予产品权威O HUI以植物性成分为主原料，赋予产品权威</p>
						</div>
					</div>-->
				</div>
				<nav>
{$case_page}
				  	  <!--	<ul class="pagination mypage">
				    	<li>
				      		<a href="#" aria-label="Previous">
				        		<span aria-hidden="true">&laquo;</span>
				      		</a>
				    	</li>
				    	<li class="active"><a href="#">1</a></li>
				    	<li><a href="#">2</a></li>
				    	<li><a href="#">3</a></li>
				    	<li><a href="#">4</a></li>
				    	<li><a href="#">5</a></li>
				    	<li>
				      		<a href="#" aria-label="Next">
				        		<span aria-hidden="true">&raquo;</span>
				      		</a>
				    	</li>
				  	</ul>-->
				</nav>
			</div>
		</section>
		<!-- end case -->
		<!-- start footer -->
        {include file="include/footer.html"}
		<!-- end footer -->
		<!-- Include all compiled plugins (below), or include individual files as needed -->
		<script src="{__TPLPATH__}js/bootstrap.min.js"></script>
		<script src="{__TPLPATH__}js/wow.min.js"></script>
		<script type="text/javascript">
			$(function() {
				/* 延迟动画 */
				new WOW().init();
				/*限制行数*/
			   	$(".line_3").each(function() {
			        var divH = $(this).height();
			        var $p = $("p", $(this)).eq(0);
			        while ($p.outerHeight() > divH) {
			            $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
			        };
			    });
			});
		</script>
	</body>
</html>